<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- <input>，修改type属性：
                color：调色板
                date：日历
                month：月历
                week：周历
                number：数值域
                    min：最小值（默认值是1）
                    max：最大值（默认值无上限）
                    step：递增量
                range：滑块
                search：搜索框（带×号，可一键删除框中内容）
        进度条<progress/>
        高亮<mark>
        联想输入框<datalist> （模糊查询）
            选项<option> -->
     <form action="">
         <p><input type="color"></p>
         <p><input type="date"></p>
         <p><input type="month"></p>
         <p><input type="week"></p>
         <p><input type="number" min="10" max="20"></p>
         <p><input type="range"></p>
         <p><input type="search"></p>
         <p><progress></progress></p>
         <h1>我<mark>爱</mark>你</h1>
         
         <input list="citys">
         <datalist id="citys">
             <option value="北京"></option>
             <option value="南京"></option>
             <option value="上海"></option>
         </datalist>
     </form>
</body>
</html>